<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>demo08表单控件</title>
</head>
<body>
<form action="#">
    用户名:<input type="text" name="username" placeholder="请输入用户名" maxlength="8">
    <br>
    密码:<input type="password" name="password" placeholder="请输入密码">
    <br>
    性别:<input type="radio" name="gender" value="1" >男
        <input type="radio" name="gender"  value="0">女
    <br>
    爱好:<input type="checkbox" name="hobby" value="yx">游戏
        <input type="checkbox" name="hobby" value="sj">睡觉
        <input type="checkbox" name="hobby" value="cf">吃饭
    <br>
    头像<input type="file" name="picture">
    <br>
    生日:<input type="date" name="birth">
    <br>
    幸运色:<input type="color" name="color">
    <br>
    缩放:<input type="range" name="range">
    <br>
    留言板:<textarea name="留言板" style="resize:none"></textarea>
    <br>
    <input type="checkbox" id="agree">
    <label for="agree">我同意该协议</label>
    <br>
    最喜欢的城市:
    <select name="city">
        <option value="city" >北京</option>
        <option value="city">南京</option>
        <option value="city">山东</option>
    </select>




    <br>
    <input type="submit" value="注册">
    <input type="reset" value="重置">
    <input type="button" value="按钮">
    <button onclick="alert('6666')">按钮</button>
</form>
</body>
</html>